<template>
    <div>
        <HeaderTop :title="title">
            <i class="iconfont icon-zuojiantou" slot="left" @click="goback"></i>
        </HeaderTop>
        <div class="main">
            <div class="title"><span>*</span>基本信息<div class="beizu">(标<span>*</span>为必填选项)</div></div>
            <div class="column">
                <div class="S"></div>
                <div class="S"></div>
                <div class="S"></div>
                <div class="S"></div>
                <div class="S"></div>
                <div class="S"></div>
                <div class="L"></div>
            </div>
        </div>
       <div class="bottom-btn">提交</div>
    </div>
   
</template>

<script>
    import HeaderTop from '../../components/HeaderTop/HeaderTop.vue'
    export default{
        data(){
            return {
                title:"添加房源"  
            }
        },
        components:{
            HeaderTop
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    .main
        margin 16px 0
        background-color #fff
        padding 16px
        font-size  15px
        .title
           font-weight bold
           span
            color red
           .beizu
             font-weight 500
             display inline
             color #999999
             font-size 13px
        .column
             display   flex  
             flex-wrap   wrap  
             align-items   center  
             justify-content   center  
             justify-content   space-around  
             padding   16px 0  
             padding-top   33px  
          .S
             display   flex  
             align-items   center  
             justify-content   center  
             flex-direction   column  
             position   relative  
             width   110px  
    .bottom-btn
          position  fixed
          bottom  0
          width  100%
          height  49px
          background  -webkit-linear-gradient(left, #FBAE3C 0%, #F88F1C 100%)
          background  linear-gradient(90deg, #FBAE3C 0%, #F88F1C 100%)
          font-size  17px
          color  #FFFFFF
          text-align  center
          line-height  49px  
</style>
